<?php echo $this->doctype(); ?>

<html>
<head>
<?php echo $this->headMeta(); ?>

<?php echo $this->headTitle(); ?>

<?php echo $this->headLink(); ?>
<link rel='stylesheet' href="<?php echo $this->baseUrl().'/js/colorpicker/css/colorpicker.css'?>" type='text/css' />

</head>
<body>
<div id="wrapper">
<div id="menu"><?php echo $this->navigation()->menu(); ?></div>
<h1>Safti-Kado</h1>
<hr />
<?php echo $this->layout()->content; ?>
</div>

<?php echo $this->headScript(); ?>
    <?php echo $this->jQuery(); ?>
    

<?php 
echo $this->headScript()->appendFile( $this->baseUrl().'/js/colorpicker/js/jquery.js');
echo $this->headScript()->appendFile( $this->baseUrl().'/js/colorpicker/js/colorpicker.js');
?>
<!-- OUDE JQUERY!!-->
<script type="text/javascript" src="scripts/jquery-1.4.4.js"></script>
<script type="text/javascript">		
        //alert('alert');
//	$("#AFDELINGEN g").css("visibility", "hidden");	
        $("ul li a").hover(
                function(event)
                {					
                        var string1 = 'g #' + event.target.id;
                        var string1 = string1.replace('id', '');
                        $(string1).css("display", "block");
                        //alert(string1);                         
                },
                function(event)
                {
                        var string1 = 'g #' + event.target.id;
                        var string1 = string1.replace('id', '');
                        $(string1).css("display", "none");			
                        //alert(string1);
                }  
        );
</script>  
<script>
$('#department_color').ColorPicker({

      onSubmit: function(hsb, hex, rgb) {

                  $('#department_color').val('#' + hex);
      }
})
</script>
</body>
</html>
